<!DOCTYPE html>
<html lang="en">
<head>
    <title>记账还款3</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <meta name="format-detection" content="telephone=no"/>
    <script type="text/javascript" src="../js/index.js"></script>
    <link type="text/css" rel="stylesheet" href="../css/layout.css">
    <link type="text/css" rel="stylesheet" href="../css/font-awesome.min.css">
    <script type="text/javascript" src="../js/1.12.3jquery.slim.min.js.js"></script>
</head>
<body>
<div class="outer">
    <a class="new-tips" ><i class="new-tipsicon fa fa-exclamation-circle"></i>新的版本更新3</a>
    <div class="head"></div>
</div>
<div class="container">
    <div class="s-accounts mg0">
        <div class="account-type">
            <div class="account-type-l fl">记账类型</div>
            <select class="account-type-r flr">
                <option value="">还款</option>
            </select>
        </div>
    </div>
    <div class="border-line border"></div>
    <input class="s-end" type="text" value="搜索结果">

    <table class="account-tab" border="1" cellspacing="0" cellpadding="0" bordercolor="#FF0000">
        <tr>
            <th>客户姓名</th>
            <th>借款金额</th>
            <th>近期应还金额</th>
            <th>近期还款日</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>400000</td>
            <td>40000</td>
            <td>2018/09/09</td>
        </tr>
    </table>
    <div class="acc-money mg0">
        <div class="acc-money-l fl">
            <div class="fl">还款金额</div>
            <input class="acc-money-ltxt flr" type="text" value="40000">
        </div>
        <div class="acc-money-r flr">
            <div class="fl">还款方式</div>
            <select class="acc-money-ltxt flr">
                <option value="">利息</option>
            </select>
        </div>
    </div>
    <div class="acc-money mg0">
       <div class="flr">自动显示逾期/提前还款计算结果</div>
        <input class="sele-acc flr"   checked="checked" type="checkbox">
    </div>

    <div class="accounts-info">
        <div>剩余应还金额：0</div>
        <div>提前还款应补金额：450000</div>
    </div>

    <div class="accounts-add">
        <a class="accounts-icon fa fa-plus-square-o mg0"  style="font-size: 6rem"></a>
        <div>完成添加</div>
    </div>
    <footer>
        <div class="footer-txt">点击左上角菜单可以选择不同的记账类型</div>
        <div class="footer-btn footer-select "><a href="accounts.html">记账</a></div>
        <div class="footer-btn"><a href="finance-personalinfo.html">营收</a></div>
        <div class="footer-btn"><a href="financing.html">财务</a></div>
        <div class="footer-btn"><a href="my_client.html">我的</a></div>
    </footer>
</div>
</body>
</html>